/*全局*/
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 14px;overflow-x: hidden;min-width: 1200px;background-color: #fff;}
.layui-container {width: 1200px;}
a:hover {text-decoration: none;color: #f00;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}
/* .index-pro-list p {text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;} */

/* 欢迎栏 */
.header {padding-top: 15px;padding-bottom: 15px;}
.saletel {font-size: 20px;line-height: 1.6;}
.saletel p {font-family: impact;font-size: 30px;height: 40px;}

.nav-box {background-color: #333;}
.nav-box >ul >li {float: left;width: 20%;background: url(../images/nav_split.jpg) left center no-repeat;}
.nav-box >ul >li:nth-child(1) {background: none;}
.nav-box >ul >li >a {display: block;text-align: center;line-height: 60px;color: #fff;font-size: 20px;}

.banner-box .bd ul li {height: 600px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;left: 0; right: 0; bottom: 0; text-align: center;}
.banner-box .hd li {display: inline-block;width: 25px;height: 25px;border-radius: 50%;background-color: #fff;margin:0px 5px;overflow: hidden;text-indent: 10em;}
.banner-box .hd li.on {background-color: #333;}

.title {text-align: center;line-height: 1.2;}
.title p {text-transform: uppercase;color: #B43B33;font-size: 24px;}
.title h3 {border-bottom: 1px solid #ddd;height: 24px;display: inline-block;padding: 0px 100px;}
.title h3 span {background-color: #fff;display: inline-block;padding: 10px 20px;font-size: 24px;}

.index-pro-left {width: 250px;}
.index-left-title {background-color: #B43B33;text-align: center;color: #fff;line-height: 40px;}
.index-pro-cate ul {border: 5px solid #B43B33;padding: 8px;}
.index-pro-cate ul li {margin-bottom: 6px;}
.index-pro-cate ul li a {background: url(../images/pro-li-bg.jpg) 10px center no-repeat;background-color: #B43B33;display: block;line-height: 40px;color: #fff; padding-left: 40px;}

.index-lianxi p {border: 5px solid #B43B33;padding: 8px;}

.index-pro-right {width: 890px;}
.index-pro-right-title {background-color: #F2F2F2;line-height: 36px; padding: 0px 10px;}
.index-pro-right-title span {float: right;}

.index-pro-list >ul >li {float: left;width: 31%; margin-left: 1%;margin-right: 1%;margin-bottom: 15px;}
.index-pro {height: 240px; overflow: hidden;background-color: #f7f7f7;text-align: center;display: flex;justify-content: center;align-items: center;}
.index-pro img {height: 100%;}
.index-pro-list p {background-color: #B43B33;color: #fff;text-align: center;line-height: 30px;}

.com-name {line-height: 70px;margin: 20px 0;}
.com-info {text-align: center;width: 76%;margin: 0 auto;}

.link-more {display: inline-block;background-color: #B43B33;color: #fff;padding: 0px 50px; line-height: 36px;border-radius: 18px;}
.link-more:hover {background-color: #f00;color: #fff;}

.youshi-box {background-color: #727272;}
.youshi-box1 {background:url(../images/youshi-bg1.jpg) center no-repeat;background-size: cover;}
.youshi-box2 {background:url(../images/youshi-bg2.jpg) center no-repeat;background-size: cover;}
.youshi-box3 {background:url(../images/youshi-bg3.jpg) center no-repeat;background-size: cover;}

.youshi-block {text-align: center;color: #fff;height: 388px;overflow: hidden;padding-top: 60px;transition: background-color 0.3s;}
.youshi-block h2 {margin-top: 20px;margin-bottom: 20px;}
.youshi-block:hover {background-color: rgba(211,39,29,.6);}

.scroll-news .bd li {float: left;width: 33.3333%;}
.scroll-news .bd li .index-news {margin: 0px 10px;}
.index-news >a {display: block;overflow: hidden;height: 170px;}
.index-news >a img {width: 100%;}
.index-news .date {color: #888;}
.index-news .date span {font-size: 24px;margin-right: 10px;}
.index-news h3 {border-bottom: 1px solid #D3271D;margin: 0px 0 10px;}
.index-news p {color: #777;}
.scroll-news .bd {margin-left: 40px;margin-right: 40px;}
.scroll-news {position: relative;}
.scroll-news .prev {position: absolute;left: 0;top: 0; height: 100%;width: 40px;background:url(../images/prev.png) center no-repeat #898989;}
.scroll-news .next {position: absolute;right: 0;top: 0; height: 100%;width: 40px;background:url(../images/next.png) center no-repeat #898989;}

.scroll-fengcai .bd li {float: left;width: 33.33333%;}
.scroll-fengcai .bd {margin-left: 40px;margin-right: 40px;}
.scroll-fengcai {position: relative;}
.scroll-fengcai .prev {position: absolute;left: 0;top: 0; height: 100%;width: 40px;background:url(../images/prev.png) center no-repeat #898989;}
.scroll-fengcai .next {position: absolute;right: 0;top: 0; height: 100%;width: 40px;background:url(../images/next.png) center no-repeat #898989;}
.index-fengcai {margin: 0 10px;}
.index-fengcai a {display: block;height: 300px; overflow: hidden;display: flex;justify-content: center;align-items: center;background-color: #f7f7f7;}
.index-fengcai a img {height: 100%;}

.footer {background-color: #333;color: #fff;padding-top: 20px; padding-bottom: 20px;}
.footer-lianxi-title h2 {display: inline-block;border-bottom: 2px solid #fff;}
.footer-com-name {margin-top: 15px; margin-bottom: 15px;}

#form-index-liuyan label {display: block;margin-top: 10px;}
#form-index-liuyan input, #form-index-liuyan textarea {width: 100%;border: 0;background-color: #fff; height: 30px;padding: 5px;}
#form-index-liuyan textarea {height: 60px;}

#btn-index-liuyan {background-color: #fff;border: none;padding: 2px;padding-right: 12px;}
#btn-index-liuyan span {display: inline-block;background-color: #4F4F4F;color: #fff;line-height: 30px;padding: 0 10px;margin-right: 15px;}
#btn-index-liuyan:hover {background-color: #D3271D;color: #fff}

.copyrights {background-color: #141414;color: #fff;padding-top: 15px; padding-bottom: 15px;}
.copyrights a {color: #fff;}

/* 内页样式 */
.mt20 {margin-top:20px;}
.left-nav-list {padding: 10px;}
.left-nav-list li a {display: block;text-align: center;line-height: 40px;border-bottom: 1px dotted #ddd;}
.index-left-lianxi ul {padding: 10px;}
.index-left-lianxi ul li span {display: inline-block;width: 18px;color: #999;text-align: center;}

#main-con {background: #fff;padding: 10px 15px;}
#nav-position {border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 10px;}
.page-con {min-height: 505px;}

@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}